<div class="fixed contain-to-grid">
    <nav class="top-bar">
        <ul>
            <li class="name"><h1><a href="/">Ajani</a></h1></li>
            <li class="toggle-topbar"><a href="#"></a></li>
        </ul>
        <section>
            <ul class="left">
                <li ng-class="{active: navi.home}"><a href="/"><i class="icon-home icon-large"></i> Home</a></li>
                <li ng-class="{active: navi.shops}"><a href="/shops"><i class="icon-shopping-cart icon-large"></i> Shops</a></li>
            </ul>
        </section>

        <section>
            <ul class="right">
                <!-- <li ng-show="!navi.home"><a href="/signin">Sign In</a></li>
                <li ng-show="!navi.home"><a href="/register">Register</a></li> -->
                <li ui-if="cUser.loggedin&&!navi.signin" class="has-dropdown" ng-class="{active: navi.user}">
                    <a ng-href="/user/{{ cUser.display }}"><i class="icon-user icon-large"></i> {{ cUser.display }} <span ui-if="!ping.msg" style="color: #C83025;"><sup><i class="icon-circle"></i></sup></span></a>
                    <ul class="dropdown">
                        <li ng-class="{active: navi.user_profile}"><a ng-href="/user/{{ cUser.display }}"><i class="icon-user icon-large"></i> Profile</a></li>
                        <li ng-class="{admin: cUser.admin}" ui-if="cUser.admin"><a href="/admin"><i class="icon-dashboard icon-large"></i> Admin Area</a></li>
                        <li class="divider"></li>
                        <li><a href="/post-new-item"><i class="icon-plus-sign icon-large"></i> Post New Item</a></li>
                        <li class="divider"></li>
                        <li><a href="/signout?from={{ currentUrl }}"><i class="icon-signout icon-large"></i> Sign Out</a></li>
                    </ul>
                </li>
                <li ui-if="!cUser.loggedin&&!navi.signin"><a ng-href="/signin?from={{ currentUrl }}"><i class="icon-signin icon-large"></i> Sign in</a></li>
                <!-- <li ui-if="!cUser.loggedin&&!navi.home"><a href="/register">Register</a></li> -->
                <li class="search">
                    <form>
                        <input item-search type="search" placeholder="Quick Search Anything">
                        <!-- <button type="submit" class="secondary radius button">Search</button> -->
                    </form>
                </li>
            </ul>
        </section>

        <section ng-class="{pushstate: pageState.isLoadingRes}">
            <div id="loader-top" class="pushloader"></div>
        </section>
    </nav>
</div>